<template>
  <div class="layout-foot-container">
    <div class="lfc-content">
      <div class="logoFoot">
        <img
            src="/images/footer/logo3.png"
            alt=""
        >
        <div class="qqBox">
          <img
              class="qqicon"
              src="/images/footer/iconqq.png"
              alt=""
          >
          <div class="qqcontent">高新企业政策融资QQ群 392532213</div>
        </div>
        <div
            class="qqBox"
            style="margin-top:13px"
        >
          <img
              class="qqicon"
              src="/images/footer/zheng.png"
              alt=""
          >
          <div class="qqcontent">盈创动力企业培训QQ群 16811440</div>
        </div>

      </div>

      <div>

        <div class="lfc-title">
          联系我们
        </div>
        <div class="lfc-link">
          <div class="lfc-link-box">
            <span class="lfc-link-label">服务热线</span> <span class="lfc-link-info">028-85987214</span>
          </div>
          <div class="lfc-link-box">
            <span class="lfc-link-label">技术咨询</span> <span class="lfc-link-info">028-85225102</span>
          </div>
          <div class="lfc-link-box">
            <span
                class="lfc-link-label"
                style="word-spacing: 11px;"
            >传 真</span> <span class="lfc-link-info">028-85988444</span>
          </div>
          <div class="lfc-link-box">
            <span class="lfc-link-label">Email </span> <span class="lfc-link-info">admin@winpow.com</span>
          </div>
          <div class="lfc-link-box">
            <span
                class="lfc-link-label"
                style="word-spacing: 11px;"
            >地 址 </span> <span class="lfc-link-info">成都高新区锦城大道539号盈创动力科技金融大厦A座5楼</span>
          </div>
        </div>
      </div>
      <div>
        <div class="lfc-title">
          <span>关注盈创动力</span>
        </div>

        <div style="display: flex;">
          <div class="wx-qr-code">
            <div>
              <div style="font-size: 14px;">关注盈创动力微信公众号</div>
            </div>
            <div class="wx-img">
              <img
                  src="/images/footer/wechat.png"
                  alt=""
              >
            </div>

          </div>
          <div
              class="wx-qr-code"
              style="margin-left: 45px;"
          >
            <div>
              <div style="font-size: 14px;">关注“在盈端”线上课程</div>
            </div>
            <div class="wx-img">
              <img
                  src="/images/footer/wechat1.png"
                  alt=""
              >
            </div>

          </div>
        </div>
      </div>
      <div>

        <div class="lfc-title">
          友情链接
        </div>
        <div class="lfc-linkfr">
          <div class="lfc-link-box">
            <span
                @click="openWindow('https://www.winpow.com')"
                class="lfc-link-label"
            >盈创动力</span>
          </div>
          <div class="lfc-link-box">
            <span
                @click="openWindow('https://www.cdhtqyfw.cn')"
                class="lfc-link-label"
            >高新通</span>
          </div>
          <div class="lfc-link-box">
            <span
                @click="openWindow('https://www.cdhightech.com')"
                class="lfc-link-label"
            >高科集团 </span>
          </div>
          <div class="lfc-link-box">
            <span
                @click="openWindow('https://jxm.winpow.com')"
                class="lfc-link-label"
            >金熊猫创新积分 </span>
          </div>
          <div class="lfc-link-box">
            <span
                @click="openWindow('https://ycxs.winpow.com')"
                class="lfc-link-label"
            >盈创学社 </span>
          </div>

        </div>
      </div>

    </div>
    <div class="lfc-copy-right width1200center">
      <div style="text-align: center;margin-top:20px;">推荐使用Chrome浏览器以获得最佳体验</div>
      <div style="text-align: center;">
        <span>Copyright © 2011-2025版权所有 : 成都高投盈创动力投资发展有限公司 winpow.com, All Rights Reserved</span>
        <span class="beian">
          <a href="https://beian.miit.gov.cn/#/">蜀ICP备18022655号-1</a>
          <a
              style="color:#9aa8c5"
              href="https://beian.mps.gov.cn/#/query/webSearch?code=51019002006740"
              rel="noreferrer"
              target="_blank"
          >
            <img style="width: 20px;height: 20px;transform: translateY(4px);margin:0 2px 0 5px;" src="/images/footer/wangan.png" alt="">
            川公网安备51019002006740
          </a>
        </span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AppFoot',
  data () {
    return {
      linkList: [],
      showModalHtml: false,
      modalHtml: undefined,
    }
  },
  methods: {
    openWindow (path) {
      window.open(path, '_blank')
    },
  },
  mounted () {

  },
}
</script>

<style lang="scss">
// @import 'assets/css/variables';
.layout-foot-container {
  margin-top: 20px;
  height: 408px;
  background-color: #161825;
  //   position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .lfc-content {
    width: 1200px;
    padding-top: 27px;
    margin: 0 auto 20px;
    display: flex;
    height: 201px;
    .wx-qr-code {
      display: flex;

      color: #fff;
      flex-direction: column;
      .wx-img {
        width: 123px;
        height: 123px;
        border-radius: 10px;
        background-color: #fff;
        margin-top: 11px;
      }
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    > div {
      //border: 1px solid #000;
      box-sizing: border-box;
      padding-top: 32px;
    }
    > div:nth-child(2) {
      box-sizing: border-box;
      margin: 0 133px 0 75px;
      padding-top: 27px;
    }
    > div:nth-child(3) {
      box-sizing: border-box;
      margin-right: 67px;
    }
    .lfc-title {
      font-size: 18px;
      font-weight: bold;
      color: #e5e9f4;
      margin-bottom: 32px;
    }
    .lfc-phone,
    .lfc-it {
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      margin-top: 50px;
      position: relative;
      //   &::before {
      //     content: '';
      //     width: 24px;
      //     height: 24px;
      //     background: url(../assets/img/home/server.png);
      //     background-size: 100%;
      //     position: absolute;
      //     top: -4px;
      //   }
      //   span {
      //     margin-left: 34px;
      //   }
    }

    .lfc-it {
      margin-right: 145px;
      &::before {
        background: url(/images/footer/telephone.png);
        background-size: 100%;
      }
    }

    .lfc-address {
      font-size: 20px;
      font-weight: bold;
      margin-top: 50px;
      color: #e5e9f4;
    }
    .lfc-link {
      font-size: 14px;
      font-weight: 400;
      color: #e5e9f4;
      position: relative;
      &-box {
        display: flex;
        width: 243px;
        margin-bottom: 8px;
      }
      &-label {
        width: 60px;
        margin-right: 6px;
        display: inline-block;
      }
      &-info {
        width: 185px;
      }
      //   &::before {
      //     content: '';
      //     width: 24px;
      //     height: 24px;
      //     background: url(../assets/img/home/wechat_icon.png);
      //     background-size: 100%;
      //     position: absolute;
      //     top: -4px;
      //   }
      //   span {
      //     margin-left: 34px;
      //   }
    }
  }
  .lfc-copy-right::before {
    content: '';
    width: 100%;
    height: 1px;

    background: rgba($color: #dde1ea, $alpha: 0.2);
    position: absolute;
    left: 0;
  }
  .lfc-copy-right {
    // background-color: #8a95a7;
    font-size: 14px;
    text-align: left;
    color: #8a95a7;
    height: 80px;

    font-weight: 400;
    .beian {
      margin: 0 10px 0 20px;
      a {
        color: #8a95a7 !important;
        text-decoration: none;
      }
    }
  }
}

.logoFoot {
  width: 179px;
  height: 38px;
  display: flex;
  flex-direction: column;
  img {
    width: 150px;
    height: 39px;
  }
}

.width1200center {
  width: 1200px;
  margin: 0 auto;
}
.qqBox {
  display: flex;
  margin: 43px 0 0;
  .qqicon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    margin-top: 2px;
  }
  .qqcontent {
    width: 163px;
    height: 40px;
    color: #fff;
    font-size: 14px;
  }
}

.lfc-linkfr {
  width: 124px;
  color: #f96323;
  font-size: 14px;
  .lfc-link-box {
    .lfc-link-label {
      width: unset;
      cursor: pointer;

      display: flex;
      &::before {
        content: '';
        background: url('/images/footer/iconlink.png');
        background-size: 22px 22px;
        width: 22px;
        height: 22px;
        display: inline-block;
      }
    }
  }
}

.loginFile {
  display: flex;
  justify-content: center;
  color: #b0b1b0;
  margin-top: 14px;
  font-size: 14px;
  &-btn {
    cursor: pointer;
    color: #3fa2fd;
  }
}
</style>
